Ensure dialog titlebar window controls are centered#1413
Ensure dialog titlebar window controls are centered#1413Avengium wants to merge 5 commits intoAzgaar:masterfrom
Conversation
Dialog titlebar window controls (Minimize and close) look off-center currently. With this code, I want the appearance of these buttons to be centered.
✅ Deploy Preview for afmg ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
It works, but it would be more correct to fix it in: jquery-ui.css |
There was a problem hiding this comment.
Pull request overview
This PR addresses UI issue #1412 by adjusting CSS so dialog titlebar window controls (minimize / close) render visually centered within their button bounds, improving consistency across dialogs.
Changes:
- Updates dialog titlebar button layout to use flexbox centering and tighter typographic defaults.
- Adds a scoped override intended to neutralize jQuery UI icon positioning within titlebar icon-only buttons.
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
|
So, I have to move this to |
Moved the code that deals with: `.ui-dialog .ui-dialog-titlebar button {` to `jquery-ui.css`.
Refactor it a bit, it has some weird and probably unwanted styles. I mean the header, not the whole file. At some moment we will replace jQuery UI with a custom solution. |
|
I only added 5 lines in this. I don't understand what needs to change on jquery-ui.css |
Refine the alignment of the dialog titlebar window controls to ensure a more polished UI.
Description
Currently, the minimize and close buttons in the dialog titlebar appear slightly off-center, creating a visual inconsistency. This PR updates public/index.css to properly align these controls, ensuring they are centered relative to the titlebar container.
But fix / style CSS for issue #1412 .